<?php session_start();?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <link href="css/Wod2.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="js/script.js"></script>
        <title>Sheet WoD 2.0</title>
    </head>
    <body>
    <div id="all">
    	<div id="page">
            <div id="header">
				<div class="title">World Of Darkness WoD2.0 </div>
				<div class="small">( O Novo Mundo das Trevas)</div>
				<div class="headerLine">
					<div class="headerCol1">Nome</div>
					<div class="headerCol2"><input name="personagem" type="text" value="" /></div>
					<div class="headerCol3">Conceito</div>
					<div class="headerCol4"><input name="conceito" type="text" value="" /></div>
					<div class="headerCol5">Cr&ocirc;nica</div>
					<div class="headerCol6"><input name="cronica" type="text" value="" /></div>					
				</div>
				<div class="headerLine">
					<div class="headerCol1">Idade</div>
					<div class="headerCol2"><input name="idade" type="text" value="" /></div>
					<div class="headerCol3">Virtude</div>
					<div class="headerCol4">
						<select name="virtudes">
							<option value="0">|- Virtudes  -|</option><!-- Charity -->
							<option value="1">|--&gt; Caridade</option><!-- Charity -->
							<option value="2">|--&gt; F&eacute;</option><!-- Faith -->
							<option value="3">|--&gt; Fortaleza</option><!-- Fortitude -->
							<option value="4">|--&gt; Esperan&ccedil;a</option><!--  Hope -->
							<option value="5">|--&gt; Justi&ccedil;a</option><!-- Justice -->
							<option value="6">|--&gt; Prud&ecirc;ncia</option><!-- Prudence -->
							<option value="7">|--&gt; Temperan&ccedil;a</option><!-- Temperance -->
						</select>
					</div>
					<div class="headerCol5">Fac&ccedil;&atilde;o</div>
					<div class="headerCol6"><input name="faccao" type="text" value="" /></div>	
				</div>
				<div class="headerLine">
					<div class="headerCol1">Player</div>
					<div class="headerCol2"><input name="player" type="text" value="" /></div>
					<div class="headerCol3">Vicio</div>
					<div class="headerCol4">
						<select name="vicios">
   							<option value="0">|- Vicios -|</option><!-- Envy -->
							<option value="1">|--&gt; Avareza</option><!-- Envy -->
							<option value="2">|--&gt; Gula</option><!-- Gluttony -->
							<option value="3">|--&gt; Inveja</option><!-- Greed -->
							<option value="4">|--&gt; Lux&uacute;ria</option><!--  Lust -->
							<option value="5">|--&gt; Orgulho</option><!-- Pride -->
							<option value="6">|--&gt; Pregui&ccedil;a</option><!-- Sloth -->
							<option value="7">|--&gt; Ira</option><!-- Wrath -->
						</select>
					</div>
					<div class="headerCol5">Grupo</div>
					<div class="headerCol6"><input name="grupo" type="text" value="" /></div>	
				</div>
			</div>		
            <div id="atributes">
				<div class="title">Atributos</div>
				<div id="atbNumbers" class="small">5/4/3</div>
				<div class="atributesHeader">
					<div class="atributesCol1">Atributos</div>
					<div class="atributesCol2">Mentais</div>
					<div class="atributesCol3"></div>
					<div class="atributesCol4">F&iacute;sicos</div>
					<div class="atributesCol5"></div>
					<div class="atributesCol6">Sociais</div>
					<div class="atributesCol7"></div>
				</div>
				<div class="atributesLine">
					<div class="atributesCol1">Poder</div>
					<div class="atributesCol2">Intelig&ecirc;ncia</div>
					<div class="atributesCol3" id="int">
						<img src="img/dotBlack.jpg" onclick="toggleDot(this);" border="0" />
						<img src="img/dotEmpty.jpg" onclick="toggleDot(this);" border="0" />
						<img src="img/dotEmpty.jpg" onclick="toggleDot(this);" border="0" />
						<img src="img/dotEmpty.jpg" onclick="toggleDot(this);" border="0" />
						<img src="img/dotEmpty.jpg" onclick="toggleDot(this);" border="0" />
					</div>
					<div class="atributesCol4">For&ccedil;a</div>
					<div class="atributesCol5" id="str">
						<img src="img/dotBlack.jpg" onclick="toggleDot(this);" border="0" />
						<img src="img/dotEmpty.jpg" onclick="toggleDot(this);" border="0" />
						<img src="img/dotEmpty.jpg" onclick="toggleDot(this);" border="0" />
						<img src="img/dotEmpty.jpg" onclick="toggleDot(this);" border="0" />
						<img src="img/dotEmpty.jpg" onclick="toggleDot(this);" border="0" />
					</div>
					<div class="atributesCol6">Presen&ccedil;a</div>
					<div class="atributesCol7" id="pre">
						<img src="img/dotBlack.jpg" onclick="toggleDot(this);"  border="0" />
						<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
					</div>
				</div>
				<div class="atributesLine">
					<div class="atributesCol1">Refinamento</div>
					<div class="atributesCol2">Racioc&iacute;nio</div>
					<div class="atributesCol3" id="wit">
						<img src="img/dotBlack.jpg" onclick="toggleDot(this);"  border="0" />
						<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
					</div>
					<div class="atributesCol4">Destreza</div>
					<div class="atributesCol5" id="dex">
						<img src="img/dotBlack.jpg" onclick="toggleDot(this);"  border="0" />
						<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
					</div>
					<div class="atributesCol6">Manipula&ccedil;&atilde;o</div>
					<div class="atributesCol7" id="man">
						<img src="img/dotBlack.jpg" onclick="toggleDot(this);"  border="0" />
						<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
					</div>
				</div>
				<div class="atributesLine">
					<div class="atributesCol1">Resist&ecirc;ncia</div>
					<div class="atributesCol2">Perseveran&ccedil;a</div>
					<div class="atributesCol3" id="res">
						<img src="img/dotBlack.jpg" onclick="toggleDot(this);"  border="0" />
						<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
					</div>
					<div class="atributesCol4">Vigor</div>
					<div class="atributesCol5" id="sta">
						<img src="img/dotBlack.jpg" onclick="toggleDot(this);"  border="0" />
						<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
					</div>
					<div class="atributesCol6">Autocontrole</div>
					<div class="atributesCol7" id="com">
						<img src="img/dotBlack.jpg" onclick="toggleDot(this);"  border="0" />
						<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
					</div>
				</div>
			</div>
            <div id="skills">
				<div id="skillsMental" class="skillsKind">
					<div class="title">Mentais</div>
					<div class="small">(-3 se Inepto)</div>
					<div class="habilitiesColum">
						<div>Ci&ecirc;ncias</div>
						<div>Erudi&ccedil;&atilde;o</div>
						<div>Inform&aacute;tica</div>
						<div>Investiga&ccedil;&atilde;o</div>
						<div>Medicina</div>
						<div>Ocultismo</div>
						<div>Of&iacute;cios</div>
						<div>Politica</div>
					</div>
				    <div class="dotHabilitiesColum">
						<div id="ciencias">
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						</div>
						<div id="erudicao">
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						</div>
						<div id="informatica">
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						</div>
						<div id="investigacao">
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						</div>
						<div id="medicina">
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						</div>
						<div id="ocultismo">
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						</div>
						<div id="oficios">
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						</div>
						<div id="politica">
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						</div>
					</div>
				</div>
			  <div id="skillsPhisical" class="skillsKind">
					<div class="title">Fisicos</div>
					<div class="small">(-1 se Inepto)</div>
					<div class="habilitiesColum">
						<div>Armamento</div>
						<div>Armas de Fogo</div>
						<div>Briga</div>
						<div>Condu&ccedil;&atilde;o</div>
						<div>Dissimula&ccedil;&atilde;o</div>
						<div>Esportes</div>
						<div>Furto</div>
						<div>Sobreviv&ecirc;ncia</div>
					</div>
				    <div class="dotHabilitiesColum">
						<div id="armamento">
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						</div>
						<div id="armasDeFogo">
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						</div>
						<div id="briga">
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						</div>
						<div id="conducao">
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						</div>
						<div id="dissimulacao">
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						</div>
						<div id="esportes">
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						</div>
						<div id="furto">
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						</div>
						<div id="sobrevivencia">
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						</div>
					</div>
				</div>
				<div id="skillsSocial" class="skillsKind">
					<div class="title">Sociais</div>
					<div class="small">(-1 se Inepto)</div>
					<div class="habilitiesColum">
						<div>Ast&uacute;cia</div>
						<div>Empatia</div>
						<div>Express&atilde;o</div>
						<div>Intimida&ccedil;&atilde;o</div>
						<div>Manha</div>
						<div>Persuas&atilde;o</div>
						<div>Socializa&ccedil;&atilde;o</div>
						<div>Trato c/ Animais</div>
					</div>
				    <div class="dotHabilitiesColum">
						<div id="astucia">
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						</div>
						<div id="empatia">
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						</div>
						<div id="expressao">
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						</div>
						<div id="intimidacao">
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						</div>
						<div id="manha">
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						</div>
						<div id="persuasao">
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						</div>
						<div id="socializacao">
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						</div>
						<div id="tratoComAnimais">
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
							<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
						</div>
					</div>
				</div>
			</div>
			<div id="traits">
				<div id="traitsLeft">
					<div class="traitsKind1">
						<div id="Vantagem1">
							<div class="title">Vantagens</div>
							<div class="meritsColum">
								<div id="merit1">
									<select>
										<option>Vantagens</option>
									</select>
								</div>
								<div id="merit1">
									<select>
										<option>Vantagens</option>
									</select>
								</div>
								<div id="merit2">
									<select>
										<option>Vantagens</option>
									</select>
								</div>
								<div id="merit3">
									<select>
										<option>Vantagens</option>
									</select>
								</div>
								<div id="merit4">
									<select>
										<option>Vantagens</option>
									</select>
								</div>
								<div id="merit5">
									<select>
										<option>Vantagens</option>
									</select>
								</div>
								<div id="merit6">
									<select>
										<option>Vantagens</option>
									</select>
								</div>
								<div id="merit7">
									<select>
										<option>Vantagens</option>
									</select>
								</div>
							</div>
							<div class="dotMeritsColum">
								<div>
									<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
									<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
									<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
									<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
									<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
								</div>
								<div>
									<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
									<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
									<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
									<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
									<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
								</div>
								<div>
									<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
									<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
									<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
									<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
									<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
								</div>
								<div>
									<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
									<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
									<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
									<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
									<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
								</div>
								<div>
									<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
									<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
									<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
									<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
									<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
								</div>
								<div>
									<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
									<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
									<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
									<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
									<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
								</div>
								<div>
									<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
									<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
									<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
									<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
									<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
								</div>
								<div>
									<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
									<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
									<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
									<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
									<img src="img/dotEmpty.jpg" onclick="toggleDot(this);"  border="0" />
								</div>
							</div>
                        </div>
					</div>
					<div class="traitsKind4">
						<div class="title">Desvantagens</div>
					</div>
					<div class="traitsKind7">
						<div class="detailColum">
							<div id="size">Tamanho :</div>
							<div id="speed">Deslocamento :</div>
							<div id="initiative">Mod. de Iniciativa :</div>
							<div id="defense">Defesa :</div>
							<div id="armor">Blindagem :</div>
						</div>
						<div class="valueDetailColum">
							<div id="sizeValue"></div>
							<div id="speedValue"></div>
							<div id="initiativeValue"></div>
							<div id="defenseValue"></div>
							<div id="armorValue"></div>
						</div>
					</div>
					<div class="traitsKind4">
						<div class="title">Armas</div>
					</div>
					<div class="traitsKind4">
						<div class="title">Equipamentos</div>
					</div>
				</div>
				<div id="traitsRight">
					<div class="traitsKind8">
						<div class="title">Vitalidade</div>
					    <div id="vitality">
							<img src="img/dotEmpty.jpg" border="0" />
							<img src="img/dotEmpty.jpg" border="0" />
							<img src="img/dotEmpty.jpg" border="0" />
							<img src="img/dotEmpty.jpg" border="0" />
							<img src="img/dotEmpty.jpg" border="0" />
							<img src="img/dotEmpty.jpg" border="0" />
							<img src="img/dotEmpty.jpg" border="0" />
							<img src="img/dotEmpty.jpg" border="0" />
							<img src="img/dotEmpty.jpg" border="0" />
							<img src="img/dotEmpty.jpg" border="0" />
							<img src="img/dotEmpty.jpg" border="0" />
							<img src="img/dotEmpty.jpg" border="0" />
					    </div>
					    <div id="vitalityNow">
							<img src="img/squareEmpty.jpg" onclick="toggleSquare(this);"  border="0" />
							<img src="img/squareEmpty.jpg" onclick="toggleSquare(this);"  border="0" />
							<img src="img/squareEmpty.jpg" onclick="toggleSquare(this);"  border="0" />
							<img src="img/squareEmpty.jpg" onclick="toggleSquare(this);"  border="0" />
							<img src="img/squareEmpty.jpg" onclick="toggleSquare(this);"  border="0" />
							<img src="img/squareEmpty.jpg" onclick="toggleSquare(this);"  border="0" />
							<img src="img/squareEmpty.jpg" onclick="toggleSquare(this);"  border="0" />
							<img src="img/squareEmpty.jpg" onclick="toggleSquare(this);"  border="0" />
							<img src="img/squareEmpty.jpg" onclick="toggleSquare(this);"  border="0" />
							<img src="img/squareEmpty.jpg" onclick="toggleSquare(this);"  border="0" />
							<img src="img/squareEmpty.jpg" onclick="toggleSquare(this);"  border="0" />
							<img src="img/squareEmpty.jpg" onclick="toggleSquare(this);"  border="0" />
					    </div>
					</div>
					<div class="traitsKind8">
					    <div class="title">For&ccedil;a de Vontade</div>
					    <div id="willPower">
							<img src="img/dotEmpty.jpg" border="0" />
							<img src="img/dotEmpty.jpg" border="0" />
							<img src="img/dotEmpty.jpg" border="0" />
							<img src="img/dotEmpty.jpg" border="0" />
							<img src="img/dotEmpty.jpg" border="0" />
							<img src="img/dotEmpty.jpg" border="0" />
							<img src="img/dotEmpty.jpg" border="0" />
							<img src="img/dotEmpty.jpg" border="0" />
							<img src="img/dotEmpty.jpg" border="0" />
							<img src="img/dotEmpty.jpg" border="0" />
					    </div>
					    <div id="willPowerNow">
							<img src="img/squareEmpty.jpg" onclick="toggleSquare(this);"  border="0" />
							<img src="img/squareEmpty.jpg" onclick="toggleSquare(this);"  border="0" />
							<img src="img/squareEmpty.jpg" onclick="toggleSquare(this);"  border="0" />
							<img src="img/squareEmpty.jpg" onclick="toggleSquare(this);"  border="0" />
							<img src="img/squareEmpty.jpg" onclick="toggleSquare(this);"  border="0" />
							<img src="img/squareEmpty.jpg" onclick="toggleSquare(this);"  border="0" />
							<img src="img/squareEmpty.jpg" onclick="toggleSquare(this);"  border="0" />
							<img src="img/squareEmpty.jpg" onclick="toggleSquare(this);"  border="0" />
							<img src="img/squareEmpty.jpg" onclick="toggleSquare(this);"  border="0" />
							<img src="img/squareEmpty.jpg" onclick="toggleSquare(this);"  border="0" />
					    </div>
					</div>
					<div class="traitsKind6">
						<div class="title">Moralidade</div>
					</div>
					<div class="traitsKind5">
						<div class="title">Experi&ecirc;ncia</div>
					</div>
					<div class="traitsKind4">
						<div class="title">Modificadores</div>
					</div>
					<div class="traitsKind4">
						<div class="title">Modificadores</div>
					</div>
				</div>
			</div>
			<div class="clear"></div>
			<div id="footer">
				<span class="footer">
				Atributos 5/4/3 <strong>&bull;</strong> 
				Habilidades 11/7/4 (+3 Especializa&ccedil;&otilde;es) <strong>&bull;</strong> 
				Vantagens 7 <strong>&bull;</strong>
				Vitalidade = Vigor + Tamanho <strong>&bull;</strong><br />
				For&ccedil;a de Vontade = Perceveran&ccedil;a + Auto-controle <strong>&bull; </strong>
				Tamanho<strong> = 5( para Humanos comuns) &bull;  </strong>
				Defesa = Destreza ou Raciocinio ( o que for menor ) <strong>&bull;</strong><br />
				Mod. de Iniciativa =  Destreza + Auto-controle<strong> &bull;</strong>	
				Deslocamento = For&ccedil;a + Destraza + 5 <strong>&bull;</strong>	
				Moralidade Inicial = 7	
				</span>
			</div>
            <script type="text/javascript">displayDate()</script>
    	</div>
    </div>
	<div id="floatingBox" class="floatingBox">
	<?php if(!isset($_SESSION['user'])){?>
		<form method="post" action="../config/check_login.php">
			<fieldset>
				<legend><strong>Login</strong></legend><br />
				<label><input type="text" name="user" id="user" /></label>
				<label><input type="password" name="pass" id="pass" /></label><br /><br />
				<input type="submit" value="Logar" /><br /><br />
			</fieldset>
		</form>
		<?php } ?>
		
		<a href="../home.php">P&aacute;gina Inicial</a> - <a href="../config/logout.php">Logout</a>
	</div>
		
		<form action="../config/sheetFunctions.php" method="post">
			<div id="f_atb">
				<div id="atbMental" style="float:left">
					<input type="hidden" name="f_int" id="f_int" value="1" /><br />
					<input type="hidden" name="f_wit" id="f_wit" value="1" /><br />
					<input type="hidden" name="f_res" id="f_res" value="1" /><br />
				</div>
				<div id="atbPhisical" style="float:left">
					<input type="hidden" name="f_str" id="f_str" value="1" /><br />
					<input type="hidden" name="f_dex" id="f_dex" value="1" /><br />
					<input type="hidden" name="f_sta" id="f_sta" value="1" /><br />
				</div>
				<div id="atbSocial" style="float:left">
					<input type="hidden" name="f_pre" id="f_pre" value="1" /><br />
					<input type="hidden" name="f_man" id="f_man" value="1" /><br />
					<input type="hidden" name="f_com" id="f_com" value="1" /><br />
				</div>
			</div><br /><br /><br />
			<div id="f_skl">
				<div id="sklMental" style="float:left"><br />
					<input type="hidden" name="f_ciencias" id="f_ciencias" value="0" /><br />
					<input type="hidden" name="f_erudicao" id="f_erudicao" value="0" /><br />
					<input type="hidden" name="f_informatica" id="f_informatica" value="0" /><br />
					<input type="hidden" name="f_investigacao" id="f_investigacao" value="0" /><br />
					<input type="hidden" name="f_medicina" id="f_medicina" value="0" /><br />
					<input type="hidden" name="f_ocultismo" id="f_ocultismo" value="0" /><br />
					<input type="hidden" name="f_oficios" id="f_oficios" value="0" /><br />
					<input type="hidden" name="f_politica" id="f_politica" value="0" /><br /><br />
				</div>
				<div id="sklPhisical" style="float:left"><br />
					<input type="hidden" name="f_armamento" id="f_armamento" value="0" /><br />
					<input type="hidden" name="f_armasDeFogo" id="f_armasDeFogo" value="0" /><br />
					<input type="hidden" name="f_briga" id="f_briga" value="0" /><br />
					<input type="hidden" name="f_conducao" id="f_conducao" value="0" /><br />
					<input type="hidden" name="f_dissimulacao" id="f_dissimulacao" value="0" /><br />
					<input type="hidden" name="f_esportes" id="f_esportes" value="0" /><br />
					<input type="hidden" name="f_furto" id="f_furto" value="0" /><br />
					<input type="hidden" name="f_sobrevivencia" id="f_sobrevivencia" value="0" /><br /><br />
				</div>
				<div id="sklSocial" style="float:left"><br />
					<input type="hidden" name="f_astucia" id="f_astucia" value="0" /><br />
					<input type="hidden" name="f_empatia" id="f_empatia" value="0" /><br />
					<input type="hidden" name="f_expressao" id="f_expressao" value="0" /><br />
					<input type="hidden" name="f_intimidacao" id="f_intimidacao" value="0" /><br />
					<input type="hidden" name="f_manha" id="f_manha" value="0" /><br />
					<input type="hidden" name="f_persuasao" id="f_persuasao" value="0" /><br />
					<input type="hidden" name="f_socializacao" id="f_socializacao" value="0" /><br />
					<input type="hidden" name="f_tratoComAnimais" id="f_tratoComAnimais" value="0" /><br />
				</div>
			</div>
		</form>
    </body>
</html>